var largeurW = $(window).width();
var hauteurW = $(window).height();
var heightSlide = $('#front .conteneur').outerHeight(true);

document.ready = function() {
    resizeConteneur();
    resizeCadre();
    alignBandeau();
    $('#parcoursSlide').css('width', 6*largeurW);
    //masonry
    displayImagesMasonry();
        
    if($('.lab').length)
        draw();
    
    $('img').load(function() {
        resizeImages();
    });
    
    $(window).resize(function(){
        largeurW = $(window).width();
        hauteurW = $(window).height();
        heightSlide = $('#front .conteneur').outerHeight(true);
        
        resizeConteneur();
        resizeCadre();
        alignBandeau();
        $('#parcoursSlide').css('width', 6*largeurW);
        
        resizeImages();
        if( $('#layerCommunaute').css('display')== 'block' )
            OpacityBox();
    });
    
    //nav de la home
    $('nav li a').click(function( event ) {
        var index = $('nav li a').index(this)-1;
        animateNavHome('normal', index);
        event.preventDefault();
        
    });
    
    if( $('#front').length ){
        $("#front").data("key", {
            key37: false,
            key38: false,
            key39: false,
            key40: false
        });
    
        //partie cv
        slidesCV();

        $(document).keydown(function( event ) {
            keyDown( event, "#front" );
        });

        $(document).keyup(function( event ) {
            keyUp( event, "#front" );
        });
    }
    
    $('.navFleches .droite a').click(function( event ) {
        animateNavHorizontale('normal','#parcoursSlide', '#parcoursSlide div');
        event.preventDefault();	
    });

    $('.navFleches .gauche a').click(function( event ) {
        animateNavHorizontale('reverse','#parcoursSlide', '#parcoursSlide div');
        event.preventDefault();	
    });
    
    /* ----------------- CARROUSEL DE LA PARTIE GALERIE*/
    $('#galerieBig').hide();
    startGallery();	
    
    $('#container li a').click(function() {
        $('#galerieBig').fadeOut('slow');
        $('#modaleGalerie').hide();
    });
    
    /*$('.carrousel-next a').click(function( event ) {
        animateNavHorizontale('normal', '#carrousel', '#carrousel li');
        event.preventDefault();	
    });

    $('.carrousel-prev a').click(function( event ) {
        animateNavHorizontale('reverse', '#carrousel', '#carrousel li');
        event.preventDefault();	
    })*/
		
    /*carrousel my universe*/
    if( $('#personnalBoard .board').length <=4 )
        $('.pagination.right, .pagination.left').hide();
    else{
        $('.pagination.right').show();
        $('.carrousel-prev a').hide();
		
        $('.pagination.right .carrousel-next a').click(function( event ) {
            animateNavHorizontale('normal', '#personnalBoard', '#personnalBoard .board');
            event.preventDefault();	
        });

        $('.pagination.left .carrousel-prev a').click(function( event ) {
            animateNavHorizontale('reverse', '#personnalBoard', '#personnalBoard .board');
            event.preventDefault();	
        });
    }
    
    /*INDEX
     **/
        
    /* validation du formulaire d'inscription*/
    if($('#joinUs').length) {
        $('.error').hide();
        validationJoinForm();
    }
    
    /* validation du formulaire de connexion*/
    if($('#changePassword').length){
        $('.error').hide();
        validationChangePasswordForm();
    }
    
    /* validation du formulaire de changement de mot de passe*/
    if($('#connect').length){
        $('.error').hide();
        validationConnectForm();
    }
    
    /* validation du formulaire de contact*/
    if($('#contact').length){
        $('.error').hide();
        $("#contactmessage").focus(function(){
            $(this).removeClass('error');
        });
        validationContactForm();
    }

    /* validation du formulaire settings*/
    if($('#accountSet').length) {
        $('#mailAccount').hide();
        $('#passwordAccount').hide();
        
        $('#changeMail').click(function( event ){
            $('#mailAccount').fadeIn('slow');
            event.preventDefault();
        });
        $('#changePass').click(function( event ){
            $('#passwordAccount').fadeIn('slow');
            event.preventDefault();
        });
        
        $('.error').hide();
        validationSettingsForm();
    }
    
    
    if($('#passwordSet').length) {
        $('#passwordAccount').hide();
        $('#changePass').click(function( event ){
            $('#passwordAccount').fadeIn('slow');
            event.preventDefault();
        });
        
        $('.error').hide();
        validationPassForm();
    }    
   
    /*Affichage des images au click*/
    $('.galeryRoll, .big, .addPhotoForm').hide();
    $('.diapo a img').click(function( event ) {
        var lienImage = $(this).parent().attr('href');
        var idClick = $(this).parent().attr('id');
        idClick = parseInt(idClick.replace('image_', ''));
        
        $('#imgClick').attr('src', lienImage);
        $('#lienimage').attr('href', 'settings-image.php?image='+idClick);
        $('.more').attr('href', lienImage);
        
        $('.big, .big img').css({
            'max-height' : $(window).height()-100,
            'z-index' : 230
        });
        
        $('.galeryRoll').css({
            'width' : largeurW,
            'height' : hauteurW,
            'background' : 'rgba(0, 0, 0, 0.45)'
        });
        $('.galeryRoll, .big').fadeIn("slow", function() {            
            var widthImage = $('#imgClick').width();
            var heightImage = $('#imgClick').height();
            $('.big').css({
                'top' : $(document).scrollTop()+60,
                'left' : (largeurW/2)-(widthImage/2)
            });
        });
        event.preventDefault();
    });
    
    /*fermeture image*/
    $('.galeryRoll').click(function( event ) {
        $('.galeryRoll, .big, .addPhotoForm').fadeOut('slow');        
        event.preventDefault();
        event.stopPropagation();
    });  
    
    /*roll image*/
    $('.more, #comment').hide();
    $('.contentPhoto').hover(function() {
        $('.more, #comment').stop(false,true).fadeIn('slow');
    },function(){
        $('.more, #comment').stop(false,true).fadeOut('slow');
    });
    
    /*ouverture du formulaire de soumission d'image*/
    $('#AddPhoto').click(function() {
        $('.galeryRoll').css({
            'width' : largeurW,
            'height' : hauteurW,
            'background' : 'rgba(0, 0, 0, 0.45)'
        });
        
        $('.addPhotoForm').css( 'left', (largeurW/2)-( ($('.addPhotoForm').outerWidth(true))/2 ) );        
        $('.galeryRoll, .addPhotoForm').fadeIn('slow');
    });
    
    $('#addPhotoAction').submit(function() {
        if( validateurl())
            return true;
        else
            return false;
    });
    
    /*ajout d'une photo*/
    $('#photoDescForm span.error').hide();
    $('#photoDescForm').submit(function() {
        if( validateModifImage() & validateMessage())
            return true;
        else
            return false;
    });
    
    $('.exemple').css({
        'width' : largeurW-50,
        'height' : hauteurW-100,
        'margin' : 'auto'
    });
    
    /*modifyImage*/
    $('#modifyImage').hide();
    $('#btnHideModify').click(function( event ){        
        $('#modifyImage').fadeIn('slow');
        event.preventDefault();
    });
    
    /*form MODIFY PHOTO*/
    $('#modifyImage span.error').hide();
    $('#modifyImage').submit(function(){
        if( validateModifImage() & validateMessage())
            return true;
        else
            return false;
    });
    
    /*partage communaute*/
    $('#layerCommunaute').hide(); 
    $('#LinkCommunauteLayer').click(function(){
        OpacityBox();
    });
    
    var largeurSocial = $('#socialSharing').width();
    $('#socialSharing').css('left', (largeurW/2)-(largeurSocial/2));
    $('.partageHeader').click(function(){
        displaySlide('#socialSharing');
    });
    
    /*hideShowUniverse*/
    $('#categoryShow').click(function( event ){
        displayCarrouselUniverse(750, $(this));
    });

    
}/* fin du doc ready*/